$(function() {

    // 获取轮播图的信息

    $.ajax({
        type: 'get',
        url: 'http://localhost:8888/api/swipers',
        success: function(res) {

            if (res.status !== 0) return console.log('获取列表失败');
            var htmlStr1 = template('tpl1', res)

            $('#kr_carousel>ul').html(htmlStr1)
                // 轮播图
            layui.use('carousel', function() {
                var carousel = layui.carousel;
                //建造实例
                carousel.render({
                    elem: '#kr_carousel',
                    width: '720px', //设置容器宽度
                    height: '300px',
                    // arrow: 'always' //始终显示箭头
                    //,anim: 'updown' //切换动画方式
                });
            });
        }
    })



    // 获取友情链接的信息
    $.ajax({
        type: 'get',
        url: 'http://localhost:8888/api/links',
        success: function(res) {
            if (res.status !== 0) return console.log('获取列表失败');
            var htmlStr2 = template('tpl2', res)
            $('.kr_collaborator').html(htmlStr2)
        }
    })


})